<template>
	<div class="left_menu">
		<ul>
			<li class="active">
				<span class="icon iconfont icon-shouyin"></span>
				<p>收银</p>
			</li>
			<li>
				<span class="icon iconfont icon-huiyuan"></span>
				<p>会员</p>
			</li>
			<li>
				<span class="icon iconfont icon-cangkukucun"></span>
				<p>库存</p>
			</li>
			<li>
				<span class="icon iconfont icon-jiaohuan"></span>
				<p>换班</p>
			</li>
			<li>
				<span class="icon iconfont icon-baobiao"></span>
				<p>报表</p>
			</li>
			<li>
				<span class="icon iconfont icon-fuzhuguanli"></span>
				<p>辅助</p>
			</li>
			<li @click="LogOut">
				<span class="icon iconfont icon-exit"></span>
				<p>退出</p>
			</li>
		</ul>
	</div>
</template>

<script>
	export default {
		data() {
			return {}
		},
		methods: {
			LogOut() {
				//清空token
				localStorage.removeItem("tokenID");
				//提示
				this.$message.info("退出成功");
				//重定向
				this.$router.push("/");
			}
		}
	}
</script>

<style scoped>
	.left_menu {
		width: 100%;
	}

	.left_menu ul li {
		height: 75px;
		border-bottom: 1px solid #fff;
		text-align: center;
		vertical-align: middle;
		color: #fff;
		padding-top: 15px;
		cursor: pointer;
	}

	.left_menu ul li:last-child {
		border-bottom: 0px solid #fff !important;
	}

	.left_menu ul li span {
		font-size: 40px;
	}

	.left_menu ul li p {
		font-weight: 300;
	}

	li.active {
		background-color: #dd375f;
	}
</style>
